<#assign sj=JspTaglibs["/WEB-INF/struts-jquery-tags.tld"]>

<script language='javascript'>

      function ${parameters.id?html}_getzipcode(){
      		$('#${parameters.id?html}_zipcodeStr').val($('#${parameters.zipCodeId?html}').val());
      		$('#${parameters.id?html}_openFormId').click();
     }

      function ${parameters.id?html}_setZipInfo(tr){
		$('#${parameters.prefectureId?html}').val(tr.children("td").eq(1).text());
		$('#${parameters.cityId?html}').val(tr.children("td").eq(2).text()+"　"+tr.children("td").eq(3).text());
     }

     $(document).ready(function() {
		$.subscribe('${parameters.id?html}_dialogbeforeclosetopic', function(event,ui) {
		var codesize=$('#${parameters.id?html}_zipContent table tbody').find('tr').size();

		//change titlebar css
        $( '#${parameters.id?html}_checkdialog' ).parent().find(".ui-dialog-titlebar").css({ color: "#ff0011", background: "none",border:"none",padding:"0 0 0 8px",margin:"0"});
		if(codesize==0){
			$('#${parameters.id?html}_openmsgId').click();
		}
		else if(codesize==1){
		  ${parameters.id?html}_setZipInfo($('#${parameters.id?html}_zipContent table tbody').find('tr').eq(0));
		}
		else if(codesize>1){
			$('#${parameters.id?html}_zipContent table tbody').find('tr').click( function () {
			 	$('#${parameters.prefectureId?html}').val($(this).children("td").eq(1).text());
				$('#${parameters.cityId?html}').val($(this).children("td").eq(2).text()+"　"+$(this).children("td").eq(3).text());
				$('#${parameters.id?html}_checkdialog').dialog('close');
		});
		 $('#${parameters.id?html}_openId').click();
		}

		});

	$("body").append("<form id='${parameters.id?html}_openform' action='${request.contextPath}/popup/zipcode.do'>"+
		                 "<input id='${parameters.id?html}_zipcodeStr' type='hidden' value='' name='zipcode' />"+
		                 "</form>");
    });
</script>

<@sj.dialog
    	id="${parameters.id?html}_checkdialog"
    	autoOpen="false"
    	modal="false"
    	title="入力された郵便番号には複数の候補があります。どれかを選択してください。"
    	width="760"
    	modal="true"
    	cssStyle="padding:8px;margin: 0;"
    >
<div id="${parameters.id?html}_zipContent"></div>
    </@sj.dialog>

<@sj.a openDialog="${parameters.id?html}_checkdialog" value="open" id="${parameters.id?html}_openId" cssStyle="display:none" ></@sj.a>
<input type="button" onclick="${parameters.id?html}_getzipcode()" class="button" value="〒住所検索"/>
<@sj.a id="${parameters.id?html}_openFormId" formIds="${parameters.id?html}_openform" onSuccessTopics="${parameters.id?html}_dialogbeforeclosetopic" targets="${parameters.id?html}_zipContent" cssStyle="display:none" onErrorTopics="timeout"></@sj.a>

<@sj.dialog
    	id="${parameters.id?html}_msgdialog"
    	autoOpen="false"
    	buttons="{
    		'はい':function() { $('#${parameters.id?html}_msgdialog').dialog('close'); }
    		}"
    	title="メッセージ"
    	modal="true"
    >
郵便番号を正しく入力してください
    </@sj.dialog>
<@sj.a openDialog="${parameters.id?html}_msgdialog" value="open2" id="${parameters.id?html}_openmsgId" cssStyle="display:none" ></@sj.a>
